<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Carrito de Compras</title>
        <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <script type="text/javascript" src="js/objects.js"></script>
        <script type="text/javascript" src="js/functions.js"></script>
        <script type="text/javascript" src="js/ui.js"></script>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="main">
            <div id="header">
                <div class="logo">
                    <img src="img/Logo.png" alt="Mai Ejtore"/>
                </div>
                <div class="options">
                    <div id="client">
                        
                    </div>
                    <span id="quantity">0 Articulos</span> | 
                    <span id="total">$us. 0</span> | 
                    <span><a href="#">Ver carrito</a></span>
                    
                </div>
                <div class="clearfix"></div>
            </div>
            <ul id="menu">
                <li><a href="#">Inicio</a></li>
                <li><a href="#">Contactenos</a></li>
                <li><a href="#">Mi Cuenta</a></li>
                <li id="logout"><a href="#">Salir</a></li>
            </ul>
            
            <div id="container">
                <div class="categoryBox">
                    <div class="title">
                        Categorias
                    </div>
                    <div class="categories">
                        <br/><br/><br/>
                    </div>
                </div>
                <div class="content">
                    <h1>Productos</h1>
                    <div class="productRow">
                        <img src="img/Dell.jpg" />
                        <div>
                            <span class="title">
                                Dell - Inspiron Computadora de escritorio - Memoria de 6GB - Disco duro de 1TB
                            </span>
                            <div class="productDetails">
                                Mejore su productividad mientras viaja con esta computadora de escritorio Dell Inspiron 
                                I660-3037BK, que cuenta con una red LAN inalámbrica que facilita la búsqueda en la web, 
                                la reproducción de música, el acceso al e-mail y más. La salida HDMI permite una conexión
                                simple a un HDTV.
                            </div>
                            <div class="price">
                                 $us. 499.99
                            </div>
                            <a href="#" class="btnAddCart" onclick="return addToCart(1,499.99)">Agregar al carrito</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    
                    <div class="productRow">
                        <img src="img/HP.jpg" />
                        <div>
                            <span class="title">
                                HP - Pavilion Computadora de escritorio - Memoria de 6GB - Disco duro de 1TB
                            </span>
                            <div class="productDetails">
                                Esta computadora de escritorio HP Pavilion p7-1414 cuenta con redes inalámbricas 
                                incorporadas para conectarse fácilmente a internet, acceder al e-mail, reproducir 
                                música y más. El disco duro de 1TB proporciona amplio espacio de almacenamiento para 
                                sus medios.
                            </div>
                            <div class="price">
                                 $us. 479.99
                            </div>
                            <a href="#" class="btnAddCart" onclick="return addToCart(2,479.99)">Agregar al carrito</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    
                    <div class="productRow">
                        <img src="img/iMacMini.jpg" />
                        <div>
                            <span class="title">
                                Apple® - Mac mini - Memoria de 4GB - Disco duro de 1TB  
                            </span>
                            <div class="productDetails">
                                Ahora Mac mini brinda mucha más potencia, gracias al procesador Intel de cuádruple núcleo
                                más reciente. También cuenta con Intel HD Graphics 4000 integrado, Thunderbolt, USB 3 y
                                OS X Mountain Lion.
                            </div>
                            <div class="price">
                                $us. 799.00
                            </div>
                            <a href="#" class="btnAddCart" onclick="return addToCart(3,799.99)">Agregar al carrito</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </body>
</html>
